.dept-statistical-container{
  padding: 20px;
  overflow-y: auto;
  .card{
    .head{
      padding: 8px;
      border-bottom: 2px solid rgb(2, 167, 240);
      .title{
        font-weight: 700;
        font-size: 24px;
      }
      .slot-left{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        button{
          margin-left: 15px;
        }
      }
    }
    .content{
      margin-top: 20px;
      .dept-statistical{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
        .icon-box{
          flex: 1;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-direction: column;
          height: 100%;
          .item{
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            &:first-child{
              margin-top: 0;
            }
            .icon-border{
              padding: 10px 20px;
              background: #67dfe2;
              margin-right: 10px;
              border-radius: 5px;
              i{
                font-size: 50px;
                color: #fff;
              }
            }
            .right{
              display: flex;
              justify-content: space-between;
              align-items: center;
              flex-direction: column;
              .count{
                margin-top: 10px;
                font-weight: 700;
                font-size: 24px;
              }
            }
          }
        }
        .line-chart{
          flex: 2;
          height: 100%;
        }
      }
      .dept-institution-box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        height: 400px;
        .chart{
          flex: 1;
          height: 100%;
        }
      }
    }
  }
}
